<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
	<link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>创建群聊页面</title>
    <link rel="stylesheet" href="css/index2.css"/>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off" id="addallchatpage">
<div class="PageWrapper nonav" id="imgchoicefriend" style="display: block;">
    <div class=" has_toolbar">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <button class="mweb_modal_back_button"></button>
                    <div class="page_title unified">
                        <span>选择好友</span>
                    </div>

                    <!-- 确定-->
                    <div class="header_action_buttons" id="quedingbtn">
                        <a >确定</a>
                    </div>
                </div>
            </div>
        </div>



        <!-- 好友列表部分-->
        <div id="listplace" style="display: block;">
            <div class="Section">
                <ul class="ts_cells">

                    <!-- 主列表-->
                    <li class="Cell" id="a">
                        <div class="section_header section_header_gray">
                            <span>A</span>
                        </div>
                        <div class="tc_image">
                            <img src="images/touxiang01.jpg" class="topic_photo_img"/>
                        </div>
                        <span class="tc_inner">
                            <span class="tc_text">apple</span>
                            <input type="checkbox" class="addchatpeoplebtn"/>
                        </span>
                    </li>
                    <li class="Cell" id="b">
                        <div class="section_header section_header_gray">
                            <span>B</span>
                        </div>
                        <div class="tc_image">
                            <img src="images/touxiang02.jpg" class="topic_photo_img"/>
                        </div>
                        <span class="tc_inner">
                            <span class="tc_text">banana</span>
                            <input type="checkbox" class="addchatpeoplebtn"/>
                        </span>
                    </li>
                    <li class="Cell" id="c">
                        <div class="section_header section_header_gray">
                            <span>C</span>
                        </div>
                        <div class="tc_image">
                            <img src="images/touxiang03.jpg" class="topic_photo_img"/>
                        </div>
                        <span class="tc_inner">
                            <span class="tc_text">cat</span>
                            <input type="checkbox" class="addchatpeoplebtn"/>
                        </span>
                    </li>
                    <li class="Cell" id="d">
                        <div class="section_header section_header_gray">
                            <span>D</span>
                        </div>
                        <div class="tc_image">
                            <img src="images/touxiang04.jpg" class="topic_photo_img"/>
                        </div>
                        <span class="tc_inner">
                            <span class="tc_text">desk</span>
                            <input type="checkbox" class="addchatpeoplebtn"/>
                        </span>
                    </li>
                </ul>

            </div>
        </div>
    </div>
</div>
<!--右侧导航条-->
<div class="rightnav" style="display: block;">
    <div>#</div>
    <div>A</div>
    <div>B</div>
    <div>C</div>
    <div>D</div>
    <div>E</div>
    <div>F</div>
    <div>G</div>
    <div>H</div>
    <div>I</div>
    <div>J</div>
    <div>K</div>
    <div>L</div>
    <div>M</div>
    <div>N</div>
    <div>O</div>
    <div>P</div>
    <div>Q</div>
    <div>R</div>
    <div>S</div>
    <div>T</div>
    <div>U</div>
    <div>V</div>
    <div>W</div>
    <div>X</div>
    <div>Y</div>
    <div>Z</div>
</div>
<script>

    var quedingbtn=document.getElementById("quedingbtn");//确定按钮


    quedingbtn.onclick=function(){
        history.go(-1);
    };


    document.getElementsByClassName("mweb_modal_back_button")[0].onclick=function(){
        history.go(-1);
    }
</script>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.cookie.js"></script>
</body>
</html>